
<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
<meta name="author" content="Łukasz Holeczek">
<meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
<title>CoreUI Pro Bootstrap Admin Template</title>

<link th:href="@{/asserts/vendors/@coreui/icons/css/coreui-icons.min.css}" rel="stylesheet">
<link th:href="@{/asserts/vendors/flag-icon-css/css/flag-icon.min.css}" rel="stylesheet">
<link th:href="@{/asserts/vendors/font-awesome/css/font-awesome.min.css}" rel="stylesheet">
<link th:href="@{/asserts/vendors/simple-line-icons/css/simple-line-icons.css}" rel="stylesheet">

<link th:href="@{/asserts/css/style.css}" rel="stylesheet">
<link th:href="@{/asserts/vendors/pace-progress/css/pace.min.css}" rel="stylesheet">

<style type="text/css">
	.form-control{
		height:2.6rem; 	
	}
</style>

<body class="app flex-row align-items-center">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-md-8">
				<div class="card-group">
					<div class="card p-4" style="border-color:#fff;">
						<div class="card-body">
							<h1>登陆</h1>
							<p class="text-muted">后台管理员登陆</p>
							<div class="input-group mb-3">
								<div class="input-group-prepend">
									<span class="input-group-text"> <i class="icon-user"></i>
									</span>
								</div>
								<input class="form-control" type="text" placeholder="登陆名">
							</div>
							<div class="input-group mb-4">
								<div class="input-group-prepend">
									<span class="input-group-text"> <i class="icon-lock"></i>
									</span>
								</div>
								<input class="form-control" type="password" placeholder="密码">
							</div>
							<div class="row">
								<div class="col-6">
									<button class="btn btn-primary px-4" type="button">登陆</button>
								</div>
								<div class="col-6 text-right">
									<button class="btn btn-link px-0" type="button">Forgot password?</button>
								</div>
							</div>
						</div>
					</div>
					<div class="card text-white bg-primary py-5 d-md-down-none" style="width: 44%;background-color:#3f51b5 !important;border-color: #3f51b5;">
						<div class="card-body text-center">
							<div>
								<h2>Sign up</h2>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
									sed do eiusmod tempor incididunt ut labore et dolore magna
									aliqua.</p>
								<button class="btn btn-primary active mt-3" type="button">Register
									Now!</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script th:src="@{/asserts/vendors/jquery/js/jquery.min.js}"></script>
	<script th:src="@{/asserts/vendors/popper.js/js/popper.min.js}"></script>
	<script th:src="@{/asserts/vendors/bootstrap/js/bootstrap.min.js}"></script>
	<script th:src="@{/asserts/vendors/pace-progress/js/pace.min.js}"></script>
	<script th:src="@{/asserts/vendors/@coreui/coreui/js/coreui.min.js}"></script>
	<script>
		$(document).ajaxComplete(function() {
			Pace.restart()
		});
	</script>
</body>
</html>